<template>
  <div class="privacy-container">
    <div class="privacy-header">
      <button @click="goBack" class="back-button">← 返回</button>
      <h1>隐私政策</h1>
    </div>
    
    <div class="privacy-content">
      <section class="privacy-section">
        <h2>1. 引言</h2>
        <p>绿碳圈（以下简称"我们"）非常重视您的隐私保护，并会尽全力保护您的个人信息安全可靠。本隐私政策旨在向您说明我们如何收集、使用、存储和保护您的个人信息，以及您享有的相关权利。请您仔细阅读并了解本隐私政策的全部内容。</p>
      </section>
      <section class="privacy-section">
        <h2>2. 我们收集的信息</h2>
        <p>2.1 您在注册绿碳圈账号时提供的信息，包括但不限于用户名、密码、邮箱地址等。</p>
        <p>2.2 您在使用绿碳圈服务过程中产生的信息，包括但不限于：</p>
        <ul>
          <li>碳足迹记录数据；</li>
          <li>参与环保挑战的数据；</li>
          <li>社区互动记录（如发布内容、评论、点赞等）；</li>
          <li>碳积分兑换记录；</li>
          <li>使用日志（如登录时间、登录地点、使用功能等）。</li>
        </ul>
        <p>2.3 您通过绿碳圈与其他用户或第三方服务交互时提供的信息。</p>
        <p>2.4 设备信息，包括但不限于设备型号、操作系统版本、唯一设备标识符、网络信息等。</p>
      </section>
      <section class="privacy-section">
        <h2>3. 我们如何使用您的信息</h2>
        <p>3.1 提供、维护和改进绿碳圈服务，包括但不限于用户认证、账户管理、数据同步等。</p>
        <p>3.2 向您发送服务相关通知，如功能更新、活动提醒等。</p>
        <p>3.3 为您提供个性化的服务和内容推荐。</p>
        <p>3.4 进行数据分析和研究，以改进我们的产品和服务。</p>
        <p>3.5 保护绿碳圈及其用户的安全，防止欺诈和滥用行为。</p>
        <p>3.6 遵守法律法规和监管要求，以及保护绿碳圈的合法权益。</p>
      </section>
      <section class="privacy-section">
        <h2>4. 我们如何保护您的信息</h2>
        <p>4.1 我们采用多种安全技术和措施来保护您的个人信息安全，包括但不限于加密存储、访问控制、安全审计等。</p>
        <p>4.2 我们严格限制接触您个人信息的人员范围，只有经过授权的员工才能访问您的个人信息，并且这些员工须签署保密协议。</p>
        <p>4.3 我们定期对安全系统进行评估和升级，以确保您的个人信息得到最好的保护。</p>
        <p>4.4 尽管我们采取了合理可行的措施来保护您的个人信息，但互联网环境并非完全安全，我们无法保证您的个人信息绝对安全。</p>
      </section>
      <section class="privacy-section">
        <h2>5. 信息共享与披露</h2>
        <p>5.1 我们不会向第三方出售您的个人信息。</p>
        <p>5.2 在以下情况下，我们可能会共享或披露您的个人信息：</p>
        <ul>
          <li>获得您的明确同意；</li>
          <li>遵守法律法规的要求；</li>
          <li>保护绿碳圈及其用户的合法权益；</li>
          <li>与我们的关联方共享，但仅限于为提供服务所必需的范围；</li>
          <li>与第三方服务提供商共享，用于提供服务，但我们会要求这些提供商对您的个人信息保密。</li>
        </ul>
      </section>
      <section class="privacy-section">
        <h2>6. 信息存储与保留</h2>
        <p>6.1 您的个人信息将存储在中华人民共和国境内的服务器上。</p>
        <p>6.2 我们将在实现本隐私政策所述目的所需的最短时间内保留您的个人信息，除非法律要求或允许更长时间的保留。</p>
        <p>6.3 当您的个人信息不再需要用于实现本隐私政策所述目的时，我们将删除或匿名化您的个人信息。</p>
      </section>
      <section class="privacy-section">
        <h2>7. 您的权利</h2>
        <p>7.1 您有权访问、更正、删除您的个人信息。</p>
        <p>7.2 您有权限制或拒绝某些信息收集和使用。</p>
        <p>7.3 您有权获取您的个人信息副本。</p>
        <p>7.4 您有权注销您的绿碳圈账号。</p>
        <p>7.5 您有权拒绝接收我们的营销信息。</p>
        <p>7.6 如您希望行使上述权利，请通过本隐私政策末尾提供的联系方式与我们联系。</p>
      </section>
      <section class="privacy-section">
        <h2>8. 未成年人保护</h2>
        <p>8.1 我们非常重视对未成年人个人信息的保护。</p>
        <p>8.2 如您是未满18周岁的未成年人，在使用绿碳圈服务前，应当事先取得您的父母或法定监护人的同意。</p>
        <p>8.3 对于经父母或法定监护人同意而收集的未成年人个人信息，我们只会在法律允许、父母或监护人明确同意或者保护未成年人所必需的范围内使用或披露该信息。</p>
      </section>
      <section class="privacy-section">
        <h2>9. 隐私政策的更新</h2>
        <p>9.1 我们可能会不时更新本隐私政策。</p>
        <p>9.2 更新后的隐私政策将在绿碳圈平台上公布，自公布之日起生效。如您继续使用绿碳圈服务，视为接受更新后的隐私政策。</p>
      </section>
      <section class="privacy-section">
        <h2>10. 联系我们</h2>
        <p>如您对本隐私政策有任何疑问、意见或建议，或希望行使您的数据主体权利，请通过以下方式与我们联系：</p>
        <p>电子邮件：privacy@lvtanquan.com</p>
        <p>我们将在收到您的请求后的15个工作日内回复您。</p>
      </section>
      <section class="privacy-section">
        <h2>11. 生效日期</h2>
        <p>本隐私政策自2024年1月1日起生效。</p>
      </section>
    </div>
  </div>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router'

const router = useRouter()

const goBack = () => {
  router.back()
}
</script>

<style scoped>
.privacy-container {
  min-height: 100vh;
  background-color: #f5f7fa;
  padding: 20px;
}

.privacy-header {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  gap: 20px;
}

.back-button {
  background-color: #4CAF50;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s;
}

.back-button:hover {
  background-color: #45a049;
}

.privacy-header h1 {
  margin: 0;
  color: #333;
  font-size: 24px;
}

.privacy-content {
  background-color: #fff;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  max-width: 800px;
  margin: 0 auto;
}

.privacy-section {
  margin-bottom: 30px;
}

.privacy-section h2 {
  color: #4CAF50;
  font-size: 20px;
  margin-bottom: 15px;
  border-left: 4px solid #4CAF50;
  padding-left: 10px;
}

.privacy-section p {
  color: #666;
  line-height: 1.8;
  margin-bottom: 10px;
  text-align: justify;
}

.privacy-section ul {
  color: #666;
  line-height: 1.8;
  margin-bottom: 15px;
  padding-left: 20px;
}

.privacy-section li {
  margin-bottom: 8px;
}

@media (max-width: 768px) {
  .privacy-container {
    padding: 10px;
  }
  
  .privacy-content {
    padding: 20px;
  }
  
  .privacy-header h1 {
    font-size: 20px;
  }
  
  .privacy-section h2 {
    font-size: 18px;
  }
}
</style>